<template>
	<view class="currentPage">
		<navbar title='动态'></navbar>
		<view class="content">
			<rightArrowListItem :itemList='opList' :itemColor='"#e1c664"' :color='"#fff"' @click='itemClick'></rightArrowListItem>
		</view>
	</view>
</template>
<script>
	import rightArrowListItem from '@/components/rightArrowListItem.vue'
	export default {
		components: {rightArrowListItem},
		data() {
			return {
				opList: [{
					name:'好友动态',
					icon:'',
					url:'/pages/dynamic/dynamic'
				},{
					name:'更多',
					icon:''
				}]
			}
		},
		methods: {
			itemClick(index){
				console.log(index)
				uni.navigateTo({
					url:this.opList[index].url,
					fail: (err) => {
						console.log(err)
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.currentPage{
		background: $themnBgColor;
	}
		
	.wrapper{
		width: 92%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.content {
		// width: 92%;
		height: calc(100vh - 250rpx);
		// margin: 0 auto;
		// border: 1px solid;

		.item {
			margin: 15rpx 0;
			padding: 20rpx 0;
			font-size: 30rpx;
			background-color: #FFFFFF;
			// border: 1px solid;
			.right-arrow{
				width: 20rpx;
				height: 20rpx;
				border-top: 2px solid ;
				border-right: 2px solid ;
				transform: rotateZ(45deg);
			}
		}
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 100rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 28rpx;
		color: $u-content-color;
	}

	.link-demo {
		margin-top: 80rpx;
	}
</style>
